/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

.header , .content , .footer { width:1200px; margin:0 auto;  }
p{font-weight:normal}
input,textarea {border: 2 none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 16px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#910800;}


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.blk-main .clearlist,.blk-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.b-main .clearlist,.b-main .listclear{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearafter:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.blk-main{width:1200px; margin: 0 auto;}


/*  .h_top{background: url(../images/h_bg.jpg) no-repeat center 0; height:230px;font-family:"Microsoft Yahei";overflow:hidden;}*/

        .top_bg {
            height: 226px;
            background: url(../images/h_bg.jpg) repeat-x;
            position: relative;
            z-index: 20;
        }
        
        .header {
            width: 1200px;
            margin: 0 auto;
        }
        
        .header .isear {
            right: 5px;
            position: absolute;
            top: 135px;
            width: 25px;
            height: 25px;
            z-index: 20;
        }
        
        .header .isear .icon {
            display: block;
            width: 25px;
            height: 25px;
            background: url(../images/s_so.gif) no-repeat 50% 50%;
            cursor: pointer;
            -webkit-transition: transform .3s;
            transition: transform .3s;
            float: right;
        }
        
        .header .isear .icon:hover {
            -webkit-transform: translate(-10px, 0);
            transform: translate(10px, 0);
        }
        
        .header .isearch {
            position: absolute;
            right: 0;
            top: 41px;
            padding: 5px;
            background-color: #f3f3f3;
            width: 295px;
            height: 30px;
            border-radius: 5px;
            opacity: 0;
            visibility: hidden;
            z-index: 5;
            transform-origin: 100% 0;
            -webkit-transform-origin: 100% 0;
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
            -webkit-transition: all .5s;
            transition: all .5s;
        }
        
        .header .isearch .ser_inp {
            display: block;
            float: left;
            width: 204px;
            height: 16px;
            line-height: 16px;
            padding: 7px 10px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            position: relative;
            border: none;
        }
        
        .header .isearch .ser_so {
            cursor: pointer;
            display: block;
            float: left;
            width: 70px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            font-size: 12px;
            background-color: #4ea934;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            position: relative;
            color: #fff;
            border: none;
        }
        
        .header .isearch:before {
            content: '';
            position: absolute;
            display: block;
            border: 5px solid transparent;
            border-right: 7px solid #4ea934;
            z-index: 3;
            right: 75px;
            top: 16px;
        }
        
        .header .isear.open .isearch {
            opacity: 1;
            visibility: visible;
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }
        
        .header .isear .icon:hover {
            -webkit-animation: hvr-buzz-out 0.75s linear;
            animation: hvr-buzz-out 0.75s linear;
        }
        
        input::-webkit-input-placeholder {
            color: #666;
        }
        
        .h_con {
            height: 96px;
            padding: 0 0 0;
            overflow: hidden;
        }
        
        .h_con h1 {
            float: left;
            width: 135px;
            padding: 0 32px 0 0;
        }
        
        .h_con h1 img {
            height: 70px;
        }
        
        .h_con .h_dw {
            float: left;
            padding: 5px 0 0;
            font-size: 16px;
            color: #333;
            line-height: 34px;
            width: 650px;
        }
        
        .h_dw b {
            display: block;
            font-size: 26px;
        }
        
        .h_dw i {
            color: #4ea934;
        }
        
        .h_tel {
            float: left;
            padding: 0px 0 0 60px;
            font-size: 14px;
            color: #333;
            line-height: 28px;
            background: url(../images/tel.gif) no-repeat 0 13px;
        }
        
        .h_tel b {
            display: block;
            font-size: 24px;
        }
        
        .h_code {
            width: 110px;
            float: right;
            line-height: 0;
        }
        
        .h_code b {
            display: block;
            font-size: 12px;
            color: #666;
            float: left;
            width: 20px;
            text-align: center;
            line-height: 14px;
            font-weight: normal;
        }
        
        .h_code span {
            float: right;
            width: 80px;
            height: 80px;
        }
        
        .h_code span img {
            display: block;
            width: 80px;
            height: 80px;
        }
        
        .h_nav {
            height: 60px;
            line-height: 60px;
        }
        
        .h_nav em {
            width: 16px;
            height: 16px;
            display: block;
            line-height: 0;
            position: absolute;
            top: 23px;
            left: 15px;
            z-index: 20;
        }
        
        .h_nav em img {
            width: 16px;
            height: 16px;
        }
        
        .h_nav li {
            height: 60px;
            float: left;
            background: url(../images/nav_bor.gif) no-repeat right 24px;
            width:150px;
            position: relative;
			border-right:1px solid #ccc;
        }
        
        .h_nav li a {
            font-size: 16px;
            color: #333;
            display: block;
            position: relative;
            vertical-align: middle;
            text-align: center;
            height: 60px;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            box-shadow: 0 0 1px transparent;
        }
        
        .h_nav li a:before {
            content: "";
            position: absolute;
            z-index: -1;
            left: 0;
            right: 100%;
            bottom: 0;
            background: #4ea934;
            height: 2px;
            -webkit-transition-property: right;
            transition-property: right;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }
        
        .h_nav li a:hover:before,
        .h_nav li a:focus:before,
        .h_nav li a:active:before {
            right: 0;
        }
        
        .h_nav li.cur a {
            background: url(../images/nav_line.gif) repeat-x 0 bottom;
            color: #4ea934;
        }
        
        .h_nav li a:hover {
            color: #4ea934;
        }
        
        .h_nav .nobor {
            background: none;
        }
        
        em,
        i {
            font-style: normal;
        }
        
        .sub {
            position: absolute;
            left: -40px;
            top: 59px;
            display: none;
            border-top: 3px solid #4ea934;
            background: #fff;
            width: 224px;

        }
        
        .sub:before {
            content: "";
            position: absolute;
            background: url(../images/nav2ico.png) no-repeat;
            width: 18px;
            height: 9px;
            left: 45px;
            top: -9px;
        }
        
        .sub li {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #e4e4e4;
          
            color: #333333;
            float: none;
            padding: 0;
            background: none;
			 width:225px;
        }
        
        .sub li a {
            color: #333333;
            font-weight: normal;
            padding: 0;
            display: block;
			  font-size: 14px;
            height: 40px;
            line-height: 40px;
            float: none;
        }
        
        .sub li a:hover {
            font-weight: normal;
            color: #333333;
        }
        
        .h_nav .cur .sub li a {
            color: #333333;
            font-weight: normal;
            padding: 0;
        }
        
        .h_nav .cur .sub li a:hover {
            color: #333333;
        }
		
		
   

    .f_bj{font-family: "Microsoft Yahei"; font-size: 14px; line-height:30px;background:url(../images/f_bg.gif) repeat-x center bottom;clear:both;height:246px;margin-top: 20px;  overflow: hidden;border-top:1px solid #f1f1f1;}
    .footer{width: 1200px; margin: 0 auto;}

	.f_nav{height: 62px;line-height: 62px;overflow: hidden;}
	.f_nav a{color: #fff;  font-size: 14px; padding: 0 36px; display: inline-block;background:url(../images/f_nav.gif) no-repeat right center; }
	.f_nav a.cur,.f_nav a:hover{font-weight: bold;}
	.f_nav a.nones{background: none;}

	.f_con{height: 157px; width: 1200px; color: #666; margin-top: 27px; line-height: 25px; font-size: 14px;}
	.f_con p{float: left; width: 38px; height: 38px; padding:0 20px 0 70px;}
	.f_con p img{color: #666;}
	
    .f_zc3 p{ width:110px;height:110px;}
    .f_zc3 p img{width:110px;height:110px;}
    
	
	.f_con span{float: left; padding-left: 20px;border-left: 1px solid #f3f3f3;}
	.f_con span i{display: block;font-weight:normal}
	.f_con span img{vertical-align: middle; margin-right: 30px;}
	

 .ggs{display:none !important;}
        .client-2 {
            position: fixed;
            left: -170px;
            top: 50%;
            z-index: 900;
        }
        .client-2 ul{display:none;}
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 71px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: right;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: right;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-right: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #c51611;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: right;
        }
        
        .client-2 .my-kefu-main {
            background: #c51611;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: right;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: 130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 150px;
            height: 150px;
        }
    



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}



  .h_zc{color: #fff;height:35px;line-height:35px;font-size: 14px;}
  .h_zc a{color: #fff;padding: 0 15px;}
  .h_zc a.nones{padding-right: 0px;}

  .h_con{height:130px;overflow: hidden;}
  .t_text{float: left; margin-top: 35px; height:60px;color: #191919; font-size: 20px; margin-left: 93px;padding-left:20px;background: url(../images/h_ic.gif) no-repeat left top;}
  .t_text b{ color:#4ea934; font-size:30px;}
  .t_text img{width: 322px; height: 48px;}
  .h_logo{margin:26px 20px 0 25px; }
  .h_logo img{ height: 70px;}
  .h_pho{padding-top:32px; font-size: 14px; color: #666;  background:url(../images/h_tel.jpg) no-repeat 5px 10px;}  
  .h_pho p{ display:block;padding-left:70px;}
  .h_pho b{color: #4ea934; font-size: 24px; font-weight: bold; font-family: Arial;}